<template>
    <div>
        <a-modal v-model="visible" title="签到记录" @ok="handleOk" :footer="null" :width="800">
            <div>
                <commpVxeTable
                    :key="dataTableKey"
                    :config="dataTableConfig"
                    :columns="columnsVxe"
                    :formItem="[]"
                    ref="acceptanceRegistrationRef"
                >
                    <template v-slot:frylx_default="{row}">
                        {{ row.frylx }}
                        <span v-if="row.fjcsf">（{{row.fjcsf}}）</span>
                    </template>
                    <template v-slot:fuserid_default="{row}">
                        <img v-if="row.fhyqdrq"style="width: 86px;height: 40px;" :src="row.fqmfj" alt="/">
                    </template>
                </commpVxeTable>
            </div>
        </a-modal>
    </div>
</template>
<script>
import  commpVxeTable   from '@/components/commp-vxe-table/commp-vxe-table.vue'
import assessCheckApi from './service/api'
export default {
    components:{
        commpVxeTable,
    },
    props:{

    },
    data(){
        return{
            visible:false,
            currentData:{},
            dataTableKey:null,
            dataTableConfig:{
                api: assessCheckApi.sqsxYwxxqueryXchyQdjl,
                rowId: 'id',
                // autoHidden:true,
                height:window.innerHeight - 360,
                paramet:{
                }
            },
            columnsVxe:[{
                title: '人员类型', //列头显示文字
                field: 'frylx',
                slots: {
                    default:'frylx_default',
                },
            },{
                title: '部门职务', //列头显示文字
                field: 'fbm',
            },{
                title: '签到时间', //列头显示文字
                field: 'fhyqdrq',
                width: 176
            },{
                title: '人员签名', //列头显示文字
                field: 'fuserid',
                slots: {
                    default:'fuserid_default',
                },
                width: 110
            }],
        }
    },
    watch:{

    },
    mounted(){
        
    },
    methods:{
        getData(row){
            this.currentData = row
            this.dataTableConfig.paramet = {
                id:row.id
            }
            this.dataTableKey = Date.now()
        },
        handleOk(){

        },
    }
}
</script>
<style lang="less">

</style>